<template>
  <div id="app">
    <router-view />
  </div>
</template>

<script>
export default {
  name: 'App'
}
</script>
<style lang="scss">
.el-menu-item.is-active {
  font-weight: 600;
  //background-color:#F3F6FA !important;
  background-color:#fff !important;
  color: #4554C5 !important;
}
.el-menu-item {
  font-size: 14px;
  height: 50px !important;
  line-height: 50px !important;
}
.el-submenu__title {
  font-size: 14px;
  height: 50px !important;
  line-height: 50px !important;
}
//修改el-tree宽度问题
.custom-tree-node{
  width: 170px;
}
.el-tree-node__label,
.custom-tree-node > span{
  display: inline-block;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.el-submenu .el-menu-item{
  // background-color:#cde0fb;
}
.el-tree-node:focus > .el-tree-node__content {
  background-color: #F2F7FF !important;
}
.el-table--striped .el-table__body tr.el-table__row--striped td{
  background: #F2F7FF;
}
.app-container{
  //background: #f3f6fa;
  background: #fff;
}
.el-tree{
  //background: #f3f6fa;
  background: #fff;
}
// .el-table__header-wrapper{
//   background: #CFD0EC;
// }
.el-table{
  border-top:1px solid #cfd0ec;
  border-left:1px solid #cfd0ec;
  border-right:1px solid #cfd0ec;
}
.el-table th>.cell{
  // text-align: center;
  border-right:1px solid #cfd0ec;
}
.has-gutter th:nth-last-child(2)>.cell{
  border-right: none;
}
</style>
